<!--下挂设备：5G-->
<div class="content wifi-list-content">
    <div class="clearfix">
        <h2>5G设备列表</h2>
        <button class="btn-wider"><i class="icon iconfont icon-huojian"></i><span>全部设备提速</span>
        </button>
        <p class="device-total">共<span>8</span>台设备</p>
    </div>
    <ul class="device-list">
        <!--设备列表项-->
        <li class="device-list-item">
            <div class="wifi-icon">
                <p><span><i class="icon iconfont icon-wifi"></i></span></p>
                <p class="wifi-power"><span>234dBm</span></p>
            </div>
            <!--设备基本信息-->
            <div class="device">
                <i class="icon iconfont icon-shouji"></i>
                <div class="device-info">
                    <p class="device-name"><span>设备名称</span><span>FJSDIFJSDJJFKSDF775</span></p>
                    <p class="device-ip"><span>IP地址：</span><span>255.255.255.255</span></p>
                </div>
            </div>
            <!--设备网络信息-->
            <div class="net-info">
                <p class="net-linktime"><span>已连接时长：</span><span>88:88:88</span></p>
                <p class="net-byte"><span>接收/发送：</span><span>888888/888888</span><span>字节</span></p>
            </div>
            <!--设备操作-->
            <div class="list-operate">
                <ul class="operates clearfix">
                    <li class="opt-speedup">
                        <p><span><i class="icon iconfont icon-kaiguan-open"></i></span></p>
                        <p class="text-operate"><span>已提速</span></p>
                    </li>
                    <li class="opt-black">
                        <p><span><i class="icon iconfont icon-heimingdan"></i></span></p>
                        <p class="text-operate"><span>加入黑名单</span></p>
                        <div class="toast ">
                            <h3>黑名单设置</h3>
                            <div>
                                <div class="toast-body"><p>是否将该设备加入黑名单？</p></div>
                                <div class="form-control">
                                    <input type="button" value="确定">
                                    <input type="button" value="取消">
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="opt-rename">
                        <p><span><i class="icon iconfont icon-bianji"></i></span></p>
                        <p class="text-operate"><span>重命名</span></p>
                        <div class="toast ">
                            <h3>下挂设备重命名</h3>
                            <div>
                                <div class="toast-body">
                                    <input type="text" value="FJSDIFJSDJJFKSDF775">
                                    <span>最多30字</span>
                                </div>
                                <div class="form-control">
                                    <input type="button" value="确定">
                                    <input class="btn-cancel" type="button" value="取消">
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="opt-ctrl">
                        <p>
                            <a href="">
                                <span><i class="icon iconfont icon-mianfeiyouxianshangwang"></i></span>
                            </a>
                        </p>
                        <p class="text-operate"><span>上网控制</span></p>
                    </li>
                    <li class="opt-detail">
                        <p>
                            <a href="">
                                <span><i class="icon iconfont icon-xiangqing1"></i></span>
                            </a>
                        </p>
                        <p class="text-operate"><span>详情</span></p>
                    </li>
                </ul>
            </div>
        </li>
        <li class="device-list-item">
            <div class="wifi-icon">
                <p><span><i class="icon iconfont icon-wifi"></i></span></p>
                <p class="wifi-power"><span>234dBm</span></p>
            </div>
            <div class="device">
                <i class="icon iconfont icon-shouji"></i>
                <div class="device-info">
                    <p class="device-name"><span>设备名称</span><span>FJSDIFJSDJJFKSDF775</span></p>
                    <p class="device-ip"><span>IP地址：</span><span>255.255.255.255</span></p>
                </div>
            </div>
            <div class="net-info">
                <p class="net-linktime"><span>已连接时长：</span><span>88:88:88</span></p>
                <p class="net-byte"><span>接收/发送：</span><span>888888/888888</span><span>字节</span></p>
            </div>
            <div class="list-operate">
                <ul class="operates clearfix">
                    <li class="opt-speedup">
                        <p><span><i class="icon iconfont icon-kaiguan-open off"></i></span></p>
                        <p class="text-operate"><span>未提速</span></p>
                    </li>
                    <li class="opt-black">
                        <p><span><i class="icon iconfont icon-heimingdan"></i></span></p>
                        <p class="text-operate"><span>加入黑名单</span></p>
                    </li>
                    <li class="opt-rename">
                        <p><span><i class="icon iconfont icon-bianji"></i></span></p>
                        <p class="text-operate"><span>重命名</span></p>
                    </li>
                    <li class="opt-ctrl">
                        <p>
                            <a href="">
                                <span><i class="icon iconfont icon-mianfeiyouxianshangwang"></i></span>
                            </a>
                        </p>
                        <p class="text-operate"><span>上网控制</span></p>
                    </li>
                    <li class="opt-detail">
                        <p>
                            <a href="">
                                <span><i class="icon iconfont icon-xiangqing1"></i></span>
                            </a>
                        </p>
                        <p class="text-operate"><span>详情</span></p>
                    </li>
                </ul>
            </div>
        </li>
    </ul>
</div>